<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import '@/assets/theme/index.css'
export default {
    name: 'App',
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
body {
    color: #333;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    line-height: 2em;
    text-align: justify;
    word-wrap: break-word;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
}

:root {
  scrollbar-width: none;  /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}


/* 滚动条整体 */
::-webkit-scrollbar {
	/* width: 0px; */
  display: none;
}
/* scroll轨道背景 */
/* ::-webkit-scrollbar-track{ background: #fff;} */
/* 滚动滑块 */
::-webkit-scrollbar-thumb {
	background: #c8c8c8;
	/* border-radius: 3px; */
  height: 100px;
}

/* @media screen and (max-width: 820px) {
  ::-webkit-scrollbar {
    width: 0;
  }
} */
</style>
